import React from "react";
import * as ReactDOM from "react-dom";
import LikeButton from "./components/LikeButton";
import MouseTracker from "./components/MouseTracker";
import useMousePosition from "./hooks/useMousePosition";
import DogShowWithHook from "./components/DogShowWithHook";
import CatShowWithHook from "./components/CatShowWithHook";

function App() {
    const position = useMousePosition();
    return (
        <>
            <DogShowWithHook/>
            <CatShowWithHook/>
            <h1>{ position.x + ", " + position.y }</h1>
            <MouseTracker/>
            <LikeButton/>
        </>

    )
}

ReactDOM.render(
    <App/>,
    document.getElementById('root')
);
